<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script>
        let userMsg = localStorage.getItem("userMsg");
        userMsg = userMsg ? JSON.parse(userMsg) : {};
        // 判断状态，决定是否登录
        if(userMsg.code !== 1){
            location.assign("./login.html");
        }
    </script>
</head>
<body>
    这是个人中心<br>
    <a href="./index.html">回到首页</a>
    <p></p>
    老密码：<input type="text" id="oPassword"><br>
    新密码：<input type="text" id="nPassword">
    <input type="button" value="提交" id="btn">
</body>
<script type="module">
    import $ from "./modules/select.js";
    import ajax from "./modules/ajax.js";
    import alert from "./modules/alert.js";
    
    ajax({
        url:"http://localhost:3000/getuser",
        data:{
            token: userMsg.token
        }
    }).then(res=>{
        res = JSON.parse(res).data;
        // 将用户信息渲染到对应的内容即可
        console.log(res)
        $("p").innerText = res.username
    })


    // 修改密码
    $("#btn").onclick = function(){
        // 获取登录成功后的信息
        let userMsg = localStorage.getItem("userMsg");
        userMsg = userMsg ? JSON.parse(userMsg) : {}
        // 保存token
        const token = userMsg.token;
        // 发起修改密码请求
        ajax({
            url:"http://localhost:3000/setpassword",
            type:"post",
            data:{
                oldpw:$("#oPassword").value,
                token:token,
                password:$("#nPassword").value
            }
        }).then(res=>{
            // 解析响应数据
            res = JSON.parse(res);
            // 判断响应结果
            if(res.code === 2){
                alert({
                    text:"原密码错误，请重新输入",
                    close:()=>{
                        $("#oPassword").value = "";
                        $("#oPassword").focus();
                    }
                })
            }else{
                alert({
                    text:"修改成功",
                    close:()=>{
                        localStorage.removeItem("userMsg");
                        location.assign("./login.html")
                    }
                })
            }
        })
    }

    
</script>
</html>